<template>
	<div class="myCardPack">
        <div class="shop" v-for="Shop in Shops" @click="clickshop(Shop.bpId)">
        </div>
        <img src="../assets/xt_btn_2.png" alt="">
        <h4>sdfsdfsdfsdfhhhh</h4>
        <div class="wrap">
        <input type="checkbox" id="tm" />
        <!-- 侧导航 -->
        <div class="sideNav">
            <div class="userBox">
                <!-- <i class="icon&#45;user"><img src="../images/icon_head.png" width="100%"></i> -->
                <span class="tel">登录/注册</span>
            </div>
            <div class="jf_account">
                <div class="jf_sum">总积分:<span>--</span></div>
                <div class="jf_usable">可兑换积分:<span>--</span></div>
<!--                <div class="jf_handle">
                    <a href="jfIn.html">积分转入</a>
                    <a href="jfOut.html">积分转出</a>
                </div>-->
            </div>
            <ul class="linkList">
                <li class="hadStudied">已学课程</li>
                <li class="priTradePart"><!--<a href="priTradePart.html">-->模拟交易专区-初级场<!--</a>--></li>
                <li class="proTradePart"><!--<a href="proTradePart.html">-->模拟交易专区-专业场<!--</a>--></li>
                <!--<li class="jfOrder">积分订单</li>-->
                <li class="jfRecord"><!--<a href="jfRecord.html">-->积分使用记录<!--</a>--></li>
                <li class="invite">邀请好友</li>
                <li class="kong"></li>
            </ul>
            <div class="btn_setup">
                <i class="icon-setup"></i>
                <span>设置</span>
            </div>
        </div>

        <div class="headFixed">
            <label class="icon-menu" for="tm"></label>
            <!-- <img class="imgLogo" src="../images/logo.png" height="100%"> -->
            <a href="tradePort/tradePort.html" class="icon-trade"></a>
        </div>

        <!-- 内容部分 -->
        <div class="content">
            <div class="cont">
                <!--banner轮播图-->
                <div class="bannerSwiper">
                    <div class="swiper-container lunbo_container">
                        <div class="swiper-wrapper lunbo_wrapper">
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                <!-- 学堂 课程 部分 -->
                <div class="mianPart">

                </div>

                <!-- 学堂 -->
                <div class="xtbox">
<!--                    <div class="item"><a href=""><img src="../images/xt_btn_1.png" />外汇学堂</a></div>
                    <div class="item"><a href=""><img src="../images/xt_btn_2.png" />黄金学堂</a></div>
                    <div class="item"><a href=""><img src="../images/xt_btn_3.png" />期货学堂</a></div>-->
                </div>
                <!-- 交易场 -->
                <div class="jybox">
<!--                    <div class="item"><img src="../images/jy_btn_1.png" />游戏场</div>
                    <div class="item"><img src="../images/jy_btn_2.png" />国内场</div>
                    <div class="item"><img src="../images/jy_btn_3.png" />国际场</div>-->
                </div>

                <div class="jfShop">
                    <div class="title">
                        <!--<img src="../images/titBg_1.png" width="100%">-->
                        <div class="tit_inner">优选商品</div>
                    </div>

                    <div class="swiper-container jfShop_container">
                        <div class="swiper-wrapper jfShop_wrapper">
                        </div>
                    </div>
                </div>
                <!-- 今日资讯 -->
                <div class="todayInfo">
                    <div class="title">
                        <!-- <img src="../images/titBg_2.png" width="100%"> -->
                        <div class="tit_inner">
                            最新资讯
                        </div>
                    </div>
                    <div class="infoList">
                        <ul class="infoul">
<!--                            <a href="www.baidu.com">
                                <li>
                                    <div class="imgBox">
                                        <img src="../images/infoPic2.jpg" width="94px" height="94px">
                                    </div>
                                    <div class="info">
                                        <div class="infotitle">资讯标题</div>
                                        <div class="infocnt">反馈给开始了感觉看了三个合法事故发生的健康梵蒂冈和地方付广告费都是</div>
                                        <div class="infodate">2016/8/11</div>
                                    </div>
                                </li>
						    </a>-->
                        </ul>

                        <div class="updateMore">
                            <p>正在加载.....</p>
                            <div id="fakeloader"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	</div>
</template>
<script>
	import { Panel,Cell, XInput,XButton,Card , CellFormPreview} from 'vux'
	export default {
		data (){
			return {
                Shops:this.Shops
			}

		},
		components: {
		},
        beforeCreate:function(){
            let payId ={"page":{"pageNo":"1","pageSize":"10"}}
            this.$http.post("http://192.168.100.106:8881/top/api/users/getMerchantInfos",payId).then(function(res){
                if(res.body.returnCode == 0){
                    this.Shops = res.body.returnValue;
                    var a=res.body.returnValue;
                    var b=a.result;
                    console.log(b)
//                    var d=c[0].cardType;
                }
            },function(){
                alert('请求失败处理');   //失败处理
            })
        },
		methods: {
            clickshop:function (shopBpId){
                window.localStorage.setItem('shopBpId',shopBpId);
                this.$router.push('/ShopPay')
            },

		}
	}
	</script>
<style>
    .shop{padding:6vw 3.6vw;}
    .shop img{width:16vw; height:16vw;}
    .shop h4{font-size:4vw; color:#000; line-height:6vw; display: inline-block; vertical-align: top; padding-left:4vw;}


    .swiper-wrapper.jfShop_wrapper{padding-left:16px;}
    .swiper-slide.jfShop_slide p{font-size:13px;color:#3d3836;text-align:center;padding:5px 0 30px 0;}

	.swiper-container.lunbo_container{width: 100%;}
	.swiper-slide{}
	.pic01{ width:100%;}
	.pic01 img{ width:100%;}
	.bannerSwiper{ margin-bottom:2px;}

</style>
